<!DOCTYPE html>
<html>
<head>
	<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.admin }}</title>
	<meta charset="utf-8" />
	<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
	<meta http-equiv='X-UA-Compatible' content='IE=edge'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
	{% if page.excerpt %}
	<meta name="description" content="{{ page.excerpt| strip_html }}" />
	<meta property="og:description" content="{{ page.excerpt| strip_html }}" />
	{% else %}
	<meta name="description" content="{{ site.description }}">
	<meta property="og:description" content="{{ site.description }}" />
	{% endif %}
	<meta name="author" content="{{ site.name }}" />
	{% if page.title %}
	<meta property="og:title" content="{{ page.title }}" />
	<meta property="twitter:title" content="{{ page.title }}" />
	{% endif %}
	<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/style.css" />
	<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
	<link rel="alternate" type="application/rss+xml" title="{{ site.name }} | {{ site.admin }}" href="{{ site.baseurl }}/feed.xml" />
	<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/jquery-pjax/jquery.pjax.min.js"></script>
</head>

<body>
<div>

<header>
	<a href="{{ site.baseurl }}/"><img src="{{ site.avatar }}" /></a>
	<h1>{{ site.name }}</h1>
	<nav>
		<ul>
			<li>分类<ul>
				{% for category in site.data.categories %}
				<li><a href="{{ site.baseurl }}/{{ category.slug }}">{{ category.name }}</a></li>
				{% endfor %}
			</ul></li>
			<li><a href="{{ site.baseurl }}/about">关于</a></li>
			<li><a href="{{ site.baseurl }}/feed.xml">订阅</a></li>
			
		</ul>
	</nav>
</header>

<main>
	{{ content }}
</main>

<footer>
	<p>&copy; {{ "now" | date: "%Y" }} {{ site.admin }}.</p>
	<p>Hosted by Github & Powered by Jekyll</p>
</footer>

</div>
</body>
</html>
